<template>
  <!-- logo和菜单栏容器 -->
  <div class="logoNav">
    <!-- logo组件 -->
    <Logo/>
    <Nav/>
  </div>
</template>

<script>
import Logo from "@/components/global/Header/LogoNav/LogoCps"
import Nav from "@/components/global/Header/LogoNav/NavCps"
export default {
  name: "LogoNav",
  components:{
      Logo,
      Nav
  },
};
</script>

<style lang="less" scoped>
// logo和菜单容器
.logoNav {
  // margin-left: 150px;
  // 宽
  width: auto;
  // 子元素水平垂直居中
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>